<header class="main-header">
  <a href="javascript:void(0);" class="logo one-hide">
    <!-- mini logo for sidebar mini 50x50 pixels -->
    <span class="logo-mini"><i class="one-platform-icon"></i></span>
    <!-- logo for regular state and mobile devices -->
    <span class="logo-lg">
      <i class="one-platform-icon"></i>
      <small>雪城大气超级站综合分析平台</small>
    </span>
  </a>
  <!-- Header Navbar: style can be found in header.less -->
  <nav class="navbar navbar-static-top" role="navigation" style="margin-left: 0;">
    <!-- Sidebar toggle button-->
    <div  class="one-platform-name">
      <i class="one-platform-icon"></i>
      雪城大气超级站综合分析平台
    </div>
    <a href="#" class="sidebar-toggle one-hide" data-toggle="offcanvas" role="button" >
      <span class="sr-only">Toggle navigation</span>
    </a>


    <!-- Navbar Right Menu -->
    <div class="navbar-custom-menu">
      <ul class="nav navbar-nav">
         <!--Tasks: style can be found in dropdown.less -->
        <li class="dropdown tasks-menu" (mouseleave)="dropDownHide($event)">
          <a  href="javascript:void(0);" (click)="warnInfo(warnSite)" #warnSite>
            <i class="fa fa-bell-o "></i>
            <span class="label label-warning"
                  style="left: 20px;border-radius: 50%;width: 16px;height: 16px;line-height: 15px;padding: 0;"
                  *ngIf="warnInfoArr.length>0">
              {{warnInfoArr.length}}</span>
            <span style="display: inline-block;margin-left: 2px;">报警信息</span>
          </a>
          <div class="dropdown-menu" style="padding:10px;min-height: 55px;max-height: 230px;width: 320px;overflow: auto;">
            <ul class="one-peach-info-alert-detail">
              <li *ngFor="let data of warnInfoArr;index as i" class="real" (click)="jumpRecordDetail(recordSite,data)"
                  #recordSite>
                <div>{{data.time}}</div>
                <div>
                  {{data.content}}
                </div>
              </li>
            </ul>
            <div style="width:100%;text-align: center;margin-bottom: 10px;">
              <button class="btn one-peach-info-loadmore" (click)="jumpHistoryRecord(loadMore)" #loadMore>更多数据</button>
            </div>
          </div>
        </li>
        <!-- User Account: style can be found in dropdown.less -->
        <li class="dropdown user user-menu">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" (click)="jumpMe()">
            <img src="/assets/v1/css/portal/default/imgs/icon-user.png" class="user-image" alt="User Image">
            <span class="hidden-xs">{{myName}}</span>
          </a>
        </li>
        <li>
          <a href="javascript:void(0);" (click)="logout()" title="退出">
           <i class="fa fa-sign-out"></i>
          </a>
        </li>
        <!-- Control Sidebar Toggle Button -->
        <li>
          <a href="javascript:void(0);" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
        </li>
      </ul>
    </div>
  </nav>
</header>
